<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="Aviators - byaviators.com">

    <link href='http://fonts.useso.com/css?family=Open+Sans:400,700,300' rel='stylesheet' type='text/css'>
    <link rel="shortcut icon" href="/assets/img/favicon.png" type="image/png">
    <link rel="stylesheet" href="/assets/css/bootstrap.css" type="text/css">
    <link rel="stylesheet" href="/assets/css/bootstrap-responsive.css" type="text/css">
    <link rel="stylesheet" href="/assets/libraries/chosen/chosen.css" type="text/css">
    <link rel="stylesheet" href="/assets/libraries/bootstrap-fileupload/bootstrap-fileupload.css" type="text/css">
    <link rel="stylesheet" href="/assets/libraries/jquery-ui-1.10.2.custom/css/ui-lightness/jquery-ui-1.10.2.custom.min.css" type="text/css">
    <link rel="stylesheet" href="/assets/css/realia-blue.css" type="text/css" id="color-variant-default">
    <link rel="stylesheet" href="#" type="text/css" id="color-variant">
    <!-- Bootstrap 3.3.7 -->
    <link rel="stylesheet" th:href="@{/AdminLTE/bower_components/bootstrap/dist/css/bootstrap.min.css}">
    <!-- Font Awesome -->
    <link rel="stylesheet" th:href="@{/AdminLTE/bower_components/font-awesome/css/font-awesome.min.css}">
    <!-- Ionicons -->
    <link rel="stylesheet" th:href="@{/AdminLTE/bower_components/Ionicons/css/ionicons.min.css}">
    <!-- daterange picker -->
    <link rel="stylesheet" th:href="@{/AdminLTE/bower_components/bootstrap-daterangepicker/daterangepicker.css}">
    <!-- bootstrap datepicker -->
    <link rel="stylesheet" th:href="@{/AdminLTE/bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css}">
    <!-- iCheck for checkboxes and radio inputs -->
    <link rel="stylesheet" th:href="@{/AdminLTE/plugins/iCheck/all.css}">
    <!-- Bootstrap Color Picker -->
    <link rel="stylesheet" th:href="@{/AdminLTE/bower_components/bootstrap-colorpicker/dist/css/bootstrap-colorpicker.min.css}">
    <!-- Bootstrap time Picker -->
    <link rel="stylesheet" th:href="@{/AdminLTE/plugins/timepicker/bootstrap-timepicker.min.css}">
    <!-- Select2 -->
    <link rel="stylesheet" th:href="@{/AdminLTE/bower_components/select2/dist/css/select2.min.css}">
    <!-- Theme style -->
    <link rel="stylesheet" th:href="@{/AdminLTE/dist/css/AdminLTE.min.css}">
    <!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->
    <link rel="stylesheet" th:href="@{/AdminLTE/dist/css/skins/_all-skins.min.css}">
    <title>酒店辅助订购系统</title>
</head>
<style >
    td {
        text-align: center;
        vertical-align:middle;
    }
</style>
</head>
<body style="background-color: rgba(238, 238, 238, 1)">
<div id="wrapper-outer" >
    <div id="wrapper">
        <div id="wrapper-inner">
            <!-- BREADCRUMB -->
            <div class="breadcrumb-wrapper">
                <div class="container">
                    <div class="row">
                        <div class="span12">
                            <ul class="breadcrumb pull-left">
                                <li><a href="/hotel/search">主页</a></li>
                            </ul><!-- /.breadcrumb -->

                            <div class="account pull-right">

                                <div th:if="${session.userID} == null">
                                    <ul class="nav nav-pills">
                                        <li><a href="/user/login">登录</a></li>
                                        <li><a href="/user/register">注册</a></li>
                                    </ul>
                                </div>

                                <div th:if="${session.userID} != null">
                                    <ul class="nav nav-pills">
                                        <li><a href="/user">个人信息</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div><!-- /.span12 -->
                    </div><!-- /.row -->
                </div><!-- /.container -->
            </div><!-- /.breadcrumb-wrapper -->

            <!-- CONTENT -->
            <div id="content"><div class="container">
    <div id="main">
        <br><br><br><br>
        <div class="row">
            <div class="col-sm-6">
                <div class="member span6">
                    <img th:src="@{'/assets/img/hotelImg/'+${hotel.cityid}+'/'+${hotel.hotelid}+'.jpg'}" height="300" width="500" >
                </div>

            </div>
            <div class="col-sm-6">
                <h2 th:text="'  '+${hotel.hotelname}"></h2>
                <div class="box">
        <div class="box-body table-responsive no-padding">
            <table class="table table-hover">
                <tbody>
                <tr th style="width: 150px;">
                    <td>地址</td>
                    <td th:text="${hotel.province}+${hotel.city}+${hotel.address}"> </td>
                </tr>

                <tr th style="width: 150px;">
                    <td>用户评分</td>
                    <td th:text="${hotel.score}"></td>
                </tr>
                <tr th style="width: 150px;">
                    <td>星级</td>
                    <td th:text="${hotel.star}"></td>
                </tr>
                <tr th style="width: 150px;">
                    <td>附近相关</td>
                    <td th:text="${hotel.landmark}"></td>
                </tr>

                <tr th style="width: 150px;">
                    <td>描述</td>
                    <td th:text="${hotel.sketch}"></td>
                </tr>

                </tbody>

            </table>
        </div>
            </div>
            </div>
        </div>


        <br><br><br><br>
        <div class="row">
            <div id="content">
                <div class="container">
                    <div>
                        <div id="main">
                            <div class="our-agents-large">

                                <div class="content">
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <!-- Custom Tabs -->

                                            <div class="tab-content">

                                                    <table class="table table-hover">
                                                        <thead>
                                                        <tr>
                                                            <th>图片</th>
                                                            <th>房间名</th>
                                                            <th>早餐</th>
                                                            <th>政策</th>
                                                            <th>备注</th>
                                                            <th>价格</th>

                                                        </tr>
                                                        </thead>
                                                        <tbody>

                                                        <tr th:each="roomtype: ${roomtypes}">
                                                            <form method="get" action="/order/create" >
                                                                <td><img th:src="@{/assets/img/tmp/room.png}" height="100" width="100"></td>
                                                            <td th:text="${roomtype.description}">Oranges</td>
                                                            <td th:text="${roomtype.breakfast}">Oranges</td>
                                                            <td th:text="${roomtype.policy}">Oranges</td>
                                                            <td th:text="${roomtype.specialdescription}">Oranges</td>
                                                            <td th:text="${roomtype.price}">Oranges</td>

                                                            <input type="hidden" th:value="${roomtype.hotelid}" name="hotelid">
                                                            <input type="hidden" th:value="${roomtype.roomid}" name="roomid">
                                                            <input type="hidden" th:value="${hotel.cityid}" name="cityid">
                                                            <td><input type="submit" value="预订"></td>
                                                            </form>
                                                        </tr>


                                                        </tbody>
                                                    </table>

                                                </div>


                                            </div>
                                            <!-- /.tab-content -->
                                        </div>
                                        <!-- nav-tabs-custom -->
                                    </div>
                                    <!-- /.col -->

                                </div><!-- /.row -->
                            </div><!-- /.content -->


                </div>

            </div>


<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?v=3&amp;sensor=true"></script>
<script type="text/javascript" src="/assets/js/jquery.js"></script>
<script type="text/javascript" src="/assets/js/jquery.ezmark.js"></script>
<script type="text/javascript" src="/assets/js/jquery.currency.js"></script>
<script type="text/javascript" src="/assets/js/jquery.cookie.js"></script>
<script type="text/javascript" src="/assets/js/retina.js"></script>
<script type="text/javascript" src="/assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/assets/js/carousel.js"></script>
<script type="text/javascript" src="/assets/js/gmap3.min.js"></script>
<script type="text/javascript" src="/assets/js/gmap3.infobox.min.js"></script>
<script type="text/javascript" src="/assets/libraries/jquery-ui-1.10.2.custom/js/jquery-ui-1.10.2.custom.min.js"></script>
<script type="text/javascript" src="/assets/libraries/chosen/chosen.jquery.min.js"></script>
<script type="text/javascript" src="/assets/libraries/iosslider/_src/jquery.iosslider.min.js"></script>
<script type="text/javascript" src="/assets/libraries/bootstrap-fileupload/bootstrap-fileupload.js"></script>
<script type="text/javascript" src="/assets/js/realia.js"></script>
</body>
</html>